<template>
	<view>
		<template>
			<view class="content-box tab2-content" v-for="item in list" :key="item.id" v-if="list.length>0">
				<view class="tab-name">{{item.name}}</view>
				<view class="" v-for="(it,i) in item.articles" :key="it.id">
					<van-cell :title="it.title" is-link :border="i<item.articles.length-1" @click="toDetail(it.id)" />
				</view>

				<!-- <van-cell title="主要考证人员是那些？" is-link />
				<van-cell title="特种作业操作证政府文件" is-link />
				<van-cell title="考证培训周期" :border="false" is-link /> -->
			</view>
			<view class="main-no-data" v-else>
				<image src="/static/empty_img.png" mode="widthFix"></image>
				<view class="">暂无文档</view>
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				typeof: Array,
				default: () => []
			}
		},
		data() {
			return {
				type: 2
			};
		},
		methods: {
			toDetail(id) {
				uni.navigateTo({
					url: '/pages/workbench/projectDoc/docDetail/docDetail?id=' + id
				})
			}
		}
	}
</script>

<style lang="scss">
	.tab-name {
		font-weight: bold;
		font-size: 40rpx;
		color: #333333;
	}

	.tab2-content {
		padding-bottom: 0 !important;
		margin-top: 16rpx !important;
	}

	.tab2-content:first-child {
		margin-top: 0 !important;
	}

	.strategy-box {
		margin-top: 24rpx;
		display: flex;

		.left-img {
			width: 123rpx;
			height: 164rpx;
			border-radius: 4rpx 4rpx 4rpx 4rpx;
			margin-right: 24rpx;
			flex-shrink: 0;
		}

		.right-content {
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			.content {
				font-size: 30rpx;
				color: #161616;
				@include fx-text-multiline(2);
			}
		}
	}

	.profit-content {
		margin-top: 16rpx !important;

		.profit-item {
			font-size: 26rpx;
			color: #8A8F99;
			margin-top: 24rpx;

			text {
				color: #161616;
			}
		}

		.profit-item:first-child {
			margin-top: 0;
		}

	}

	.desc-box {
		margin-top: 16rpx !important;
		padding-top: 0 !important;

		.desc-content {
			font-size: 30rpx;
			color: #333333;
		}

		.main-basic-name {
			padding: 32rpx 0;
		}
	}
</style>